<script setup>



</script>

<template>
  <el-card style="margin-top: 30px;margin-bottom: 30px">

  <div style="background-color: #f3e4e4;text-align: center;font-size: xxx-large">消息列表</div>
    <br>
    <tr>
  <td class="flex flex-wrap gap-4">

    <el-card>
      <el-card style="width: 200px; background-color: #e2eade;text-align: center;font-size: x-large">
        <div>最新消息</div>
      </el-card>

      <el-card style="width: 550px" shadow="always">“尊敬的同事们，我们将在今晚10点至11点进行系统维护，请提前保存工作进度。”   --后勤部
        <div>2024年12月9日 星期一 17:45:00</div>
      </el-card>
      <el-card style="width: 550px" shadow="hover">
        “提醒：数据安全培训会议将于下周二下午2点举行，请各位务必参加。”
        <div>2024年12月8日 星期日 14:31:20</div></el-card>
      <el-card style="width: 550px" shadow="hover">
        “新加入的同事，我们将在本周四下午安排系统使用培训，请按时参加。”
        <div>2024年12月8日 星期日 08:56:03</div></el-card>
      <el-card style="width: 550px" shadow="hover">
        “为了账户安全，请每位同事在下周一前更新您的密码。”
        <div>2024年12月6日 星期五 10:23:40</div></el-card>
      <el-card style="width: 550px" shadow="hover">
        “需要远程访问权限的同事，请填写申请表并提交给IT部门。”
        <div>2024年12月6日 星期五 18:45:07</div></el-card>
      <el-card style="width: 550px" shadow="hover">
        “我们正在收集系统使用反馈，您的建议对我们改进系统至关重要。”
        <div>2024年12月5日 星期四 09:51:18</div></el-card>
      <el-card style="width: 550px" shadow="hover">
        “节假日期间系统将进行例行检查，届时将有短暂不可用时间。”
        <div>2024年12月5日 星期四 11:23:34</div></el-card>
    </el-card>

  </td>
  <td class="flex flex-wrap gap-4">

    <el-card>
      <el-card style="width: 200px; background-color: #d1daef;text-align: center;font-size: x-large">
        <div>已读消息</div>
      </el-card>

      <el-card style="width: 550px" shadow="always">
        “节假日期间，系统将保持最低限度运行，紧急问题请联系值班人员。”
        <div>2024年12月4日 星期三 11:01:34</div></el-card>
      <el-card style="width: 550px" shadow="never">
        “系统日志审计将在下周开始，请各位同事确保操作符合规定。”
        <div>2024年12月4日 星期三 10:52:12</div></el-card>
      <el-card style="width: 550px" shadow="never">
        “根据最新安全政策，部分用户权限将进行调整，请受影响同事注意。”
        <div>2024年12月4日 星期三 09:49:18</div></el-card>
      <el-card style="width: 550px" shadow="never">
        “系统出现短暂故障，我们的技术团队正在紧急修复中。”
        <div>2024年12月3日 星期二 18:23:45</div></el-card>
      <el-card style="width: 550px" shadow="never">
        “新交通法规即将实施，相关部门将组织培训，请相关同事参加。”
        <div>2024年12月3日 星期二 17:56:25</div></el-card>
      <el-card style="width: 550px" shadow="never">
        “为保障数据安全，部分系统访问权限已调整，如有疑问请联系IT部门。”      --安全保障部
        <div>2024年12月3日 星期二 14:42:56</div></el-card>
      <el-card style="width: 550px" shadow="never">
        “本周将进行数据泄露应急演练，请各位同事按照演练计划行动。”     --信息技术部
        <div>2024年12月2日 星期一 19:11:11</div></el-card>
    </el-card>
  </td>
    </tr>
  </el-card>

</template>

<style scoped lang="scss">

</style>